<template>
	<view>
		<div class='login-top'>
			<div :class="active === 1 ? 'active' : ''" @click='active = 1'>登录</div>
			<div :class="active === 2 ? 'active' : ''" @click='active = 2'>注册</div>
		</div>
		<div class='login-content'>
			<!-- 登录 -->
			<div class='login' v-show="active === 1">
				<LoginInfo></LoginInfo>
			</div>
			<!-- 注册 -->
			<div class='register' v-show="active === 2">
				<Register></Register>
			</div>
		</div>
	</view>
</template>

<script>
	import Register from '@/pages/Center/Register.vue'
	import LoginInfo from '@/pages/Center/LoginInfo.vue'
	export default {
		components:{ Register,LoginInfo },
		data() {
			return {
				active:1,
				userInfo: {
					phone: '',
					password: '',
				},

				
			};
		},

		methods: {

			
		},
	}
</script>

<style lang="scss" scoped>
.login-top{
	display: flex;
	height: 70upx;
	line-height: 70upx;
	box-shadow:-6px -1px 6px 1px #EFEFEF;;
	>div{
		width: 50%;
		text-align: center;
		font-weight: 600;
	}
	.active{
		border-bottom: 4upx solid #28D2D1;
		color: #28D2D1;
	}
}
</style>